<template>
    <div id="app">
        <!-- <div class="main"> -->

        <nice-header v-if="!$route.meta.isLogin"></nice-header>
        <router-view class="main"></router-view>
        <player-bar v-if="!$route.meta.isLogin"></player-bar>

        <nice-footer v-if="!$route.meta.isLogin"></nice-footer>

        <!-- 回到顶部 -->
        <template>
            <el-backtop
                target="#app"
                style="bottom:80px"
            ></el-backtop>
        </template>
    </div>
</template>

<script>
import NiceHeader from './components/common/header/Header'
import NiceFooter from './components/common/footer/Footer'
import PlayerBar from './components/common/playerBar/Index';
export default {
    name: 'app',
    components: {
        NiceHeader,
        NiceFooter,
        PlayerBar
    }
}
</script>

<style>
</style>
